<template>
  <div>
    <m-head title="最新通知"></m-head>
    <div class="box">
      <div class="title">
        <h3>{{info.title}}</h3>
        <span>{{t2s(info.created_at)}}</span>
      </div>
      <div class="con">
        <p>{{info.content}}</p>
      </div>
    </div>
  </div>
</template>

<script>
import MHead from './MHeader'
import * as t from '../utils/time'
export default {
  name: 'news',
  components: {
    'm-head': MHead
  },
  data () {
    return {
      info: ''
    }
  },
  mounted () {
    this.info = this.$route.query.info
  },
  methods:{
    t2s(time){
      return t.t2s(time)
    }
  }
}
</script>

<style scoped>
  .box{
    padding: .4rem .3rem;
  }
  .title{
    border-bottom: 1px solid #eee;
    padding: .2rem 0;
    text-align: center;
  }
  .title h3{
    font-size: .4rem;
    margin-bottom: .2rem;
  }
  .title span{
    color: #888;
    font-size: .34rem;
  }
  .con{
    padding-top: .4rem;
    font-size: .38rem;
    line-height: .62rem;
  }
</style>
